root, body {
  height: 100%;
  width: 100%;
  .system-layout {
    height: 100%;
    width: 100%;
    .ant-layout-has-sider {
      height: 100%;
      .ant-layout-sider .ant-layout-sider-children .logo{
          height: 32px;
          margin: 16px;
          background: rgba(255, 255, 255, 0.3);
      }
      .site-layout .ant-layout-header {
        display: flex;
        justify-content: space-between;
        .userName {
          margin-right: 30px;
          button {
            margin-left: 10px;
          }
        }
      }
      .site-layout .ant-layout-header .trigger{
        padding: 0 24px;
        font-size: 18px;
        line-height: 64px;
        cursor: pointer;
        transition: color 0.3s;
      }
      .site-layout .ant-layout-header .trigger:hover{
        color: #1890ff;
      }
    }

    .site-layout .site-layout-background {
      background: #fff;
    }
  }
}

